.tc_dragable {
	position: relative;
}

.tc_dragable_handler {
	cursor: move;
}
/* Required CSS classes: must be included in all pages using this script */
	/* Apply the element you want to drag/resize */
.drsElement {
	position: absolute;
	border: 1px solid #333;
}

/*
 The main mouse handle that moves the whole element.
 You can apply to the same tag as drsElement if you want.
*/
.drsMoveHandle {
	height: 20px;
	background-color: #CCC;
	border-bottom: 1px solid #666;
	cursor: move;
}

/*
 The DragResize object name is automatically applied to all generated
 corner resize handles, as well as one of the individual classes below.
*/
.tc_dragresize_handler {
	position: absolute;
	width: 5px;
	height: 5px;
	font-size: 1px;
	background: #EEE;
	opacity: 0.5;
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
}

/*
 Individual corner classes - required for resize support.
 These are based on the object name plus the handle ID.
*/
.dragresize-tl {
	width: 5px;
	height: 20%;
	top: -8px;
	left: -8px;
	cursor: nw-resize;
}

.dragresize-tm {
	width: 100%;
	height: 5px;
	top: -8px;
	left: 0%;
	margin-left: -4px;
	cursor: n-resize;
}

.dragresize-tr {
	width: 5px;
	height: 20%;
	top: -8px;
	right: -8px;
	cursor: ne-resize;
}

.dragresize-ml {
	width: 5px;
	height: 60%;
	top: 20%;
	margin-top: -4px;
	left: -8px;
	cursor: w-resize;
}

.dragresize-mr {
	width: 5px;
	height: 60%;
	top: 20%;
	margin-top: -4px;
	right: -8px;
	cursor: e-resize;
}

.dragresize-bl {
	width: 5px;
	height: 20%;
	bottom: -8px;
	left: -8px;
	cursor: sw-resize;
}

.dragresize-bm {
	width: 100%;
	height: 5px;
	bottom: -8px;
	left: 0%;
	margin-left: -4px;
	cursor: s-resize;
}

.dragresize-br {
	width: 5px;
	height: 20%;
	bottom: -8px;
	right: -8px;
	cursor: se-resize;
}
